{{template "../public/page_header.html".}}
{{template "../public/banner.html" .}}
<!-- end banner_x -->
<link rel="stylesheet" href="/static/frontend/css/order.css" />
<!-- self_info -->
<div class="grzxbj">
    <div class="selfinfo center">
        <div class="lfnav fl">
            <div class="ddzx">用户中心</div>
            <div class="subddzx">
                {{template "../public/user_left.html" .}}
            </div>
        </div>
        <div class="rtcont fr">
            <h1>订单详情</h1>
            <div class="uc-content-box">
                <div class="uc-box uc-main-box">
                    <div class="uc-content-box order-view-box">
                        <div class="box-hd">
                            <div class="more clearfix">
                                <h2 class="subtitle">订单号：{{.order.OrderId}} <span class="tag tag-subsidy"></span>
                                </h2>
                                <div class="actions">
                                    <a title="申请售后"
                                        href="http://service.order.shirdon.com/apply/order/id/1160529723001145"
                                        class="btn btn-small btn-line-gray" data-stat-id="12e905752ea93db8"
                                        onclick="_msq.push(['trackEvent', '4a854694de3347de-12e905752ea93db8', 'http://service.order.shirdon.com/apply/order/id/1160529723001145', 'pcpid', '']);">申请售后</a>
                                </div>
                            </div>
                        </div>
                        <div class="box-bd">
                            <div class="uc-order-item uc-order-item-finish">
                                <div class="order-detail">
                                    <div class="order-summary">
                                        <div class="order-status">
                                            {{if eq .order.OrderStatus 0}}
                                            已下单 未支付
                                            {{else if eq .order.OrderStatus 1}}
                                            已付款
                                            {{else if eq .order.OrderStatus 2}}
                                            已配货
                                            {{else if eq .order.OrderStatus 3}}
                                            已发货
                                            {{else if eq .order.OrderStatus 4}}
                                            交易成功
                                            {{else if eq .order.OrderStatus 5}}
                                            已退货
                                            {{else if eq .order.OrderStatus 6}}
                                            无效 已取消
                                            {{end}}
                                        </div>
                                        <div class="order-progress">
                                            <ol class="progress-list clearfix progress-list-5">
                                                <li
                                                    class="step step-first {{if ge .order.OrderStatus 0}}step-done{{end}}">
                                                    <div class="progress"><span class="text">下单</span></div>
                                                    <div class="info">2021年05月29日 18:45</div>
                                                </li>
                                                <li class="step {{if ge .order.OrderStatus 1}}step-done{{end}}">
                                                    <div class="progress"><span class="text">付款</span></div>
                                                    <div class="info">2021年05月29日 18:45</div>
                                                </li>
                                                <li class="step {{if ge .order.OrderStatus 2}}step-done{{end}}">
                                                    <div class="progress"><span class="text">配货</span></div>
                                                    <div class="info">2021年05月29日 18:45</div>
                                                </li>
                                                <li class="step {{if ge .order.OrderStatus 3}}step-done{{end}}">
                                                    <div class="progress"><span class="text">出库</span></div>
                                                    <div class="info">2020年05月30日 17:50</div>
                                                </li>
                                                <li
                                                    class="step {{if ge .order.OrderStatus 4}}step-done{{end}} step-active step-last">
                                                    <div class="progress"><span class="text">交易成功</span></div>
                                                    <div class="info">2020年06月04日 13:58</div>
                                                </li>
                                            </ol>
                                        </div>
                                        <div class="order-delivery order-delivery-detail"
                                            style="display:block;border:none;">
                                            <p class="delivery-num">
                                                物流公司：
                                                <a href="http://www.sf-express.com" target="_blank"
                                                    data-stat-id="d4af14ade0c175da">顺丰(北京) </a>
                                                运单号：xxxxssxxxx
                                            </p>
                                        </div>
                                    </div>
                                    <table class="order-items-table">
                                        <tbody>
                                            {{range $k,$v := .order.OrderItem}}
                                            <tr>
                                                <td class="col col-thumb">
                                                    <div class="figure figure-thumb">
                                                        <img src="/{{$v.ProductImg}}" width="60px" />
                                                    </div>
                                                </td>
                                                <td class="col col-name">
                                                    <p class="name">
                                                        <a href="#">{{$v.ProductTitle}}</a>
                                                    </p>
                                                </td>
                                                <td class="col col-price">
                                                    <p class="price">{{$v.ProductPrice}}元 × {{$v.ProductNum}}</p>
                                                </td>
                                                <td class="col col-actions">
                                                </td>
                                            </tr>
                                            {{end}}
                                        </tbody>
                                    </table>
                                </div>
                                <!-- 订金盲约订单 -->
                                <div id="editAddr" class="order-detail-info">
                                    <h3>收货信息</h3>
                                    <table class="info-table">
                                        <tbody>
                                            <tr>
                                                <th>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</th>
                                                <td>{{.order.Name}}</td>
                                            </tr>
                                            <tr>
                                                <th>联系电话：</th>
                                                <td>{{.order.Phone}}</td>
                                            </tr>
                                            <tr>
                                                <th>收货地址：</th>
                                                <td>{{.order.Address}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="actions">
                                    </div>
                                </div>
                                <div id="editTime" class="order-detail-info">
                                    <h3>支付方式</h3>
                                    <table class="info-table">
                                        <tbody>
                                            <tr>
                                                <th>支付方式：</th>
                                                <td>在线支付</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="actions">
                                    </div>
                                </div>
                                <div class="order-detail-info">
                                    <h3>发票信息</h3>
                                    <table class="info-table">
                                        <tbody>
                                            <tr>
                                                <th>发票类型：</th>
                                                <td>电子发票</td>
                                            </tr>
                                            <tr>
                                                <th>发票内容：</th>
                                                <td>购买商品明细</td>
                                            </tr>
                                            <tr>
                                                <th>发票抬头：</th>
                                                <td>个人</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="order-detail-total">
                                    <table class="total-table">
                                        <tbody>
                                            <tr>
                                                <th class="total">实付金额：</th>
                                                <td class="total"><span class="num">{{.order.AllPrice}}</span>元</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- self_info -->

<footer class="mt20 center">
    <div class="mt20">LeastMall商城|隐私政策|Select Region</div>
    <div>LeastMall商城 蜀ICP证xxxxxxx号 蜀ICP备xxxxxxxxxxx号 蜀公网安备xxxxxxxxxxxxx号</div>
</footer>
</body>

</html>